<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>amp流程设计器</title>
    <script type="text/javascript" src="../js/require.js"></script>
    <script type="text/javascript" src="../js/requireConfig.js"></script>

    <style>
        .top {
            padding: 15px;
            border-bottom: 3px solid #DDDDDD;
        }

        .left {
            /*background: #24292E;*/
            padding: 15px;
        }

        .plan {
            background: #ffffff;
        }

        .right {
            /*background: #24292E;*/
        }

        .box {
            margin-top: 2px;
            border: 2px solid #dddddd;
            overflow: Scroll;
        }

        .WidgetBox {
            height: 200px;
        }

        .work {
            margin-top: 0px;
            height: 580px;
            width: 100%;
            border-top: none;
            position: relative;
            padding-right: 5px;
        }

        .laber {
            background: #EBEBEB;
            font-size: 14px;
            padding: 5px;
        }

        .right {
            padding-left: 5px;
        }

        .cache {
            height: 100px;
            overflow: hidden;
        }

        .palette {
            border: black 1px solid;
        }

        .level {
            width: 120px;
            height: 60px;
            margin: 0 auto;
        }

        .lb {
            margin-top: 5px;
        }
        #menu{
            width: 0; /*设置为0 隐藏自定义菜单*/
            overflow: hidden; /*隐藏溢出的元素*/
            box-shadow: 0 1px 1px #888,1px 0 1px #ccc;
            position: absolute; /*自定义菜单相对与body元素进行定位*/
        }
        .menu{
            width: 130px;
            height: 25px;
            line-height: 25px;
            padding: 5px 10px;
        }
    </style>
</head>
<body>
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md12 top">
            <div class="layui-btn-group">
                <button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
                    <i class="layui-icon layui-icon-add-1"></i>新建
                </button>
                <button type="button"
                        class="layui-btn layui-btn-normal layui-btn-sm">
                    <i class="layui-icon layui-icon-edit"></i>打开
                </button>
                <button type="button"
                        class="layui-btn layui-btn-warm layui-btn-sm">
                    <i class="layui-icon layui-icon-list"></i>保存
                </button>
            </div>
        </div>
        <div class="layui-col-md2 left">
            <div class="layui-form">
                <div class="layui-inline">
                    <select name="WidgetType" lay-verify="required" lay-filter="WidgetTypes">
                        <option value="view">节点</option>
                        <option value="model">连线</option>
                    </select>
                </div>
            </div>
            <div class="box WidgetBox">

            </div>
            <!--<div class="laber">图形</div>
            <div class="box cache">

            </div>-->
        </div>
        <div class="layui-col-md8" data-demo-id="flowchart">
            <div class="box work plan jtk-demo-canvas canvas-wide flowchart-demo jtk-surface jtk-surface-nopan"
                 id="canvas">

            </div>

        </div>
        <div class="layui-col-md2 right">
            <div class="layui-col-md12 laber">
                组件属性
            </div>
            <div class="method">

            </div>
        </div>
    </div>
</div>
<div id="menu">
    <a href="javascript:deleteFK()"><div class="menu">删除</div></a>
</div>
<script type="text/javascript" src="../js/framework/framework.js"></script>
</body>
</html>